
<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@taglib prefix="mvc" uri="http://www.springframework.org/tags/form" %>
<%@taglib prefix="fmt" uri="http://www.springframework.org/tags" %>
<!DOCTYPE html>
<html style="width: 100%;overflow-x: auto;position:relative ">
<head>
    <title>考核任务统计</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <link rel="stylesheet" href="/css/officialDocument/officialDocument.css">

    <link rel="stylesheet" href="/lib/layer/skin/default/layer.css">
    <link type="text/css" rel="stylesheet" href="/lib/pagination/style/pagination.css">
    <link rel="stylesheet" href="/css/base/base.css?20201106.1">

    <script src="/js/common/language.js"></script>

    <script type="text/javascript" src="/js/jquery/jquery-1.9.1.js"></script>
    <script src="/js/jquery/jquery.cookie.js"></script>
    <script type="text/javascript" src="/js/base/tablePage.js"></script>
    <script src="/lib/layer/layer.js?20201106"></script>
    <script src="/js/base/base.js"></script>
    <script src="/lib/laydate/laydate.js"></script>
    <script type="text/javascript" charset="utf-8" src="/lib/pagination/js/jquery.pagination.min.js"></script>

    <%--<script src="/js/document/makeADraft.js"></script>--%>
    <link rel="stylesheet" type="text/css" href="/css/commonTheme/${sessionScope.InterfaceModel}/commonTheme.css"/>
    <style>

        table tr {
            border-width: 1px;
            border-style: solid;
            border-color: rgb(204, 204, 204);
            border-image: initial;
        }
        table tr th {
            font-size: 13pt;
            color: rgb(47, 92, 143);
            text-align: center;
            padding: 6px;
        }

        table  td {
            font-size: 11pt;
            padding: 6px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            word-break: keep-all;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }
        table tr:nth-child(2n) {
            background-color: rgb(255, 255, 255);
        }
        table tr:nth-child(2n+1) {
            background-color:#F6F7F9 ;
        }
        .newLeave {
            border-radius: 3px;
            margin-right: 3%;
            float: right;
            width: 70px;
            height: 28px;
            color: #fff;
            font-size: 14px;
            line-height: 28px;
            margin-right: 3%;
            margin-top: 14px;
            cursor: pointer;
            background: #2b7fe0
        }
        .clearfix {
            margin: 5px auto;
            width: 93%;
        }
        textarea.BigStatic {
            font-size: 10pt;
            padding: 1px 5px;
            border: 1px solid #C0BBB4;
            background: #E0E0E0;
            height: 26px;
            border-radius:5px;
            width: 125px;
            /*margin-left: 32px;*/
        }
        .index-desc{
            height: 95px;
            float: left;
            line-height: 95px;
            margin-right: 9px;
        }
        .lab-set{
            height: 50px;
            float: left;
            line-height: 47px;

        }
        #portalName{
            height: 30px;
            margin-right: 16px;
        }
        .li-set p{
            margin: 5px 0 0 103px;
        }
        .M-box3 .active {
            margin: 0px 3px;
            width: 38px;
            height: 38px;
            line-height: 38px;
            background: #2b7fe0;
            font-size: 12px;
            border: 1px solid #2b7fe0;
            color: #fff;
            text-align: center;
            display: inline-block;
        }
        .M-box3 {
            margin-top: 30px;
            position: fixed;
            bottom: 10px;
            right: 76px;
            text-align: center;
        }
        .M-box3 a {
            margin: 0 3px;
            width: 38px;
            height: 38px;
            line-height: 38px;
            font-size: 12px;
            display: inline-block;
            text-align: center;
            background: #fff;
            border: 1px solid #ebebeb;
            color: #333;
            text-decoration: none;
        }
        .jump-ipt {
            width: 38px;
            height: 38px;
            line-height: 38px;
            text-align: center;
            padding: 0;
        }
        .main{
            margin-top: 40px;
            margin-left: 44px;
            height:60px;
        }
        .main ul{
            height:40px;
            margin-top: 5px;
        }
        .main li{
            margin-right: 4%;
            float: left;
        }
        .main .leftspan{
            vertical-align: middle;
        }
        .main a{
            margin: 2px;
            color: #007cfd;
            position: relative;
            top:-12px;
        }
        #kaoheBiaoji{
            margin-left: 12px;
        }
        select {
            margin-left: 12px;
            width: 139px;
            height: 30px;
            border: 1px solid #ccc;
            border-radius: 4px;
            padding-left: 6px;
        }
        input {
            height: 30px;
            border: 1px solid #ccc;
            border-radius: 5px;
            padding-left: 6px;
        }
        #u518_input {
            width: 70px;
            height: 27px;
            font-family: 'Arial Normal', 'Arial';
            /* font-weight: 400; */
            font-style: normal;
            font-size: 13px;
            /* text-decoration: none; */
            color: #fff;
            /* text-align: center; */
            background: #2b7edf url(../../img/kaohesousuo.png) no-repeat 10px 8px;
            border: none;
            padding-left: 20px;
            border-radius: 4px;
        }
        .del{
            color: #e01919;
        }
        .main .orgClear{
            color: #e01919;
        }
        #newMain  .leftspan{
            display: inline-block;
            width: 156px;
            text-align: right;
            margin-right: 52px;
            vertical-align: top;
        }
        #newMain input{
            width: 250px;
            height: 30px;
            border: 1px solid #ccc;
            border-radius: 2px;
            padding-left: 6px;
        }
        #newMain li{
            list-style: none;
            margin:12px 0;
            padding: 0;
        }
        #newMain .inputsmall{
            width: 116px;
            height: 30px;
            text-align: center;
            padding-left: 0px;
        }
        #newMain select {
            width: 258px;
            height: 30px;
            border: 1px solid #ccc;
            border-radius: 2px;
            padding-left: 6px;
            margin-left: 0;
        }
        #newMain .mustinput{
            color: red;
            height: 26px;
            line-height: 32px;
            margin-left: 5px;
        }
        #newMain .btn{
            color: #2e8ded;
        }
        #newMain .clear{
            color: #e01919;
        }
        #newMain .clear3{
            color: #e01919;
        }
        #newMain .clear4{
            color: #e01919;
        }
        #newMain .adddept:hover{
            cursor:pointer;
        }
        #newMain .clear:hover{
            cursor:pointer;
        }
        .head-top {
            width: 100%;
            position: fixed;
            top: 0px;
            left: 0px;
            height: 45px;
            border-bottom: 1px solid #999;
            background: #fff;
            overflow: hidden;
            z-index: 9999999;
        }
        .head-top ul .head-top-li {
            height: 26px;
            line-height: 26px;
            margin: 6px 11px 0px 11px;
            padding: 1px 20px;
            font-size: 14px;
            border-radius: 20px;
            cursor: pointer;
        }
        .navigation {
            width: 100%;
            box-sizing: border-box;
            height: 70px;
            padding-left: 34px;
            line-height: 70px;
        }
        .navigation img {
            vertical-align: middle;
        }
        .navigation h2 {
            font-weight: normal;
            display: inline-block;
            font-size: 22px;
            color: #494d59;
            vertical-align: middle;
            margin-left: 10px;
        }
        .newClass{
            float: right;
            width: 90px;
            height: 28px;
            background: url(../../img/file/cabinet01.png) no-repeat;
            color: #fff;
            font-size: 14px;
            line-height: 28px;
            margin: 2%  3% 0 0;
            cursor: pointer;
        }
    </style>
</head>
<body>
<div class="navigation">
    <img src="/img/kaoheguanli.png" alt="">
    <h2>考核任务汇总</h2>
</div>
<table style="margin:4px auto;width:95%" >
    <thead>
    <tr style="background: none">
        <th style="width:12%">考核任务名称	</th>
        <%--<th>考核人</th>--%>
        <th>被考核人</th>
        <th style="width:12%">考核试卷</th>
        <th style="width:12%">生效日期</th>
        <th style="width:12%">终止日期	</th>
        <th>状态</th>
        <th style="width: 35%">操作</th>
    </tr>
    </thead>
    <tbody id="taskBody">

    </tbody>
</table>
<div id="dbgz_page" class="M-box3">

</div>

<script>
    //列表带分页
    function undefindData(data) {
        if(data == undefined){
            return '';
        }else{
            return data;
        }
    }
    var ajaxPageTr={
        data:{
            page:1,//当前处于第几页
            pageSize:5,//一页显示几条
            useFlag:true,
            flowFlag:3
            // computationNumber:null
        },
        page:function () {
            var me=this;
            layer.msg('加载中', {
                icon: 16
                ,shade: 0.01
            });
            $.ajax({
                type:'post',
                url:'/ScoreFlowController/selAllScoreFlow',
                dataType:'json',
                data:me.data,
                success:function(res){
                    if(res.flag==true){
                        var str='';
                        $.each(res.obj, function (index, item) {
                            str += '<tr groupId="'+item.groupId+'" flowId="'+item.flowId+'" flowFlag="'+item.flowFlag+'" rankman="'+item.rankman+'"  participant="'+item.participant+'">' +
                                '<td title="'+undefindData(item.flowTitle) +'">' + undefindData(item.flowTitle) + '</td>' +
                                // '<td title="'+undefindData(item.rankmanName)+'"><a href="javascript:;" class="kaoherankman">'+ undefindData(item.rankmanName)+ '</a></td>' +
                                '<td title="'+undefindData(item.participantName) +'"><a href="javascript:;" class="kaoheparticipant">' + undefindData(item.participantName) + '</a></td>' +
                                '<td title="'+undefindData(item.groupName)+'"><a href="javascript:;" class="kaohegroupName">' + undefindData(item.groupName)+ '</a></td>' +
                                '<td title="'+undefindData(item.beginDateStr)+'">' + undefindData(item.beginDateStr)+ '</td>' +
                                '<td title="'+undefindData(item.endDateStr)+'">' + undefindData(item.endDateStr)+ '</td>' +
                                '<td>' + function () {
                                    if(item.flowFlag=='0' ){
                                        return '<span style="color:#00AA00">生效</span>'
                                    }else if(item.flowFlag=='1' ){
                                        return '<span style="color:red">未生效</span>'
                                    }else if(item.flowFlag=='2' ){
                                        return '<span style="color:red">终止</span>'
                                    }else if(item.flowFlag=='3' ){
                                        return '<span style="color:#00AA00">考核结束</span>'
                                    }
                                }()+ '</td>' +
                                '<td>' +
                                '<a class="showpeo" href="javascript:;"  style="margin-right: 10px">查看人员分数</a>' +
                                '</td>' +
                                '</tr>';

                        })
                        $('#taskBody').html(str)
                        layer.closeAll();
                        me.pageTwo(res.totleNum,me.data.pageSize,me.data.page)
                    }else{
                        layer.msg("暂无数据", {icon: 2})
                    }

                }
            })

        },
        pageTwo:function (totalData, pageSize,indexs) {
            var mes=this;
            $('#dbgz_page').pagination({
                totalData: totalData,
                showData: pageSize,
                prevContent:'上一页',
                nextContent:'下一页',
                jump: true,
                coping: true,
                homePage:'',
                endPage: '',
                current:indexs||1,
                callback: function (index) {
                    mes.data.page=index.getCurrent();
                    mes.page();
                }
            });
        }
    }
    ajaxPageTr.page();
    //显示人员
    $('table').on('click','.showpeo',function(){
        var flowId=$(this).parent().parent().attr('flowId')
        location.href='/scoreFlowUser/userList?type=query&flowId='+flowId;
    });
</script>
</body>
</html>
